<template>
	 <view class="main">
		<view class="top">
			<image src="../../../static/me.jpg" class="me"></image>
			<view class="username">陈锦银</view>
		</view>
		<list :tablist="tablist" name="mylist" @Next="Next()" class="mylist" ></list>
	</view>
</template>

<script>
	import list from '../../../components/listbar/list.vue'
	export default {
		components:{
			list
		},
		data() {
			return {
				tablist:[{
					
					name:"已看直播记录",
					url:'./person'
				},{
					
					name:"我的评分",
					url:'./integral'
				},{
					name:"我的足迹",
					url:'./MyTracks'
				},{
					name:"回看直播",
					url:'./Collection'
				}]
			}
		},
		methods: {
			Next(){
				console.log();
				uni.navigateTo({
					url:'../../appraise/appraise'
				})
			}
		}
	}
</script>

<style>
	page{
		background-color: #f2f2f2 !important;
	}
	.mylist{
		margin-top: 40upx;
	}
.top{
	background-color:#4381da;
	width: 100vw;
	height: 360rpx;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}
.top .me{
	width: 140rpx;
	height: 140rpx;
	border-radius: 100%;
	position: absolute;
	left: calc(50% - 70rpx);
	top: 50rpx;
}
.username{
	padding-top: 80upx;
	color: #FFFFFF;
}
</style>
